<template>
  <div class="about">
    <h1>This is an about page</h1>
    <RouterView />
  </div>
</template>

<script setup>
import { onMounted } from 'vue';
import { useRoute } from 'vue-router';
import Aa from '@/components/Aa.vue';
import { ref } from 'vue';
const route = useRoute()
console.log(route);
console.log('哈哈割发代首',);
onMounted(()=>{
  console.log('我是about');
  // const query = 
})

</script>
<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
